<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <link rel="stylesheet" href="./css/index.css">
  <script src="./js/index.js"></script>
  <title>商品详情</title>
</head>

<body>
  <!-- 头部 -->
  <section class="detail-header">
    <img src="./img/C_1.png" class="fullwidth" alt="">
    <h1>2019C套餐（男性）</h1>
    <div class="detail-subtitle">
      <img src="./img/ic_check_gray@2x.png" />
      <span>新华医院体检</span>
      <img src="./img/ic_check_gray@2x.png" />
      <span>品质保证</span>
    </div>
  </section>

  <section class="mt10 detail-introduce">
    <div class="detail-title">
      套餐介绍
    </div>
    <ul class="detail-wrap">
      <li>
        <span class="mr10">套餐名称</span>
        C套餐（男性）
      </li>
      <li>
        <span class="mr10">体检机构</span>
        上海新华医院体检中心【公立三甲】
      </li>
      <li>
        <span class="mr10">体检项目</span>
        24个
      </li>
      <li>
        <span class="mr10">体检类型</span>
        基础体检
      </li>
      <li>
        <span class="mr10">适用人群</span>
        老年男性/中年男性/青年男性
      </li>
      <li>
        <span class="mr10">适用性别</span>
        男性
      </li>
    </ul>
  </section>


  <section class="detail-introduce">
    <div class="detail-title">
      套餐详情
    </div>
    <div class="pd10">
      <table class="common-table subtext ">
        <tr class="header">
          <td style="width: 1rem;" class="text-center">项目名称</td>
          <td>项目内容</td>
          <td style="width: 1rem;">价格（元）</td>
        </tr>

        <tr>
          <td class="text-center">内科</td class="text-center">
          <td>初步建成心率，心、肺、肝、脾情况</td>
          <td class="text-center">20</td>
        </tr>
        <tr>
          <td class="text-center">内科</td class="text-center">
          <td>初步建成心率，心、肺、肝、脾情况</td>
          <td class="text-center">20</td>
        </tr>
        <tr>
          <td class="text-center">内科</td class="text-center">
          <td>初步建成心率，心、肺、肝、脾情况</td>
          <td class="text-center">20</td>
        </tr>
        <tr>
          <td class="text-center">内科</td class="text-center">
          <td>初步建成心率，心、肺、肝、脾情况</td>
          <td class="text-center">20</td>
        </tr>
        <tr>
          <td class="text-center">内科</td class="text-center">
          <td>初步建成心率，心、肺、肝、脾情况</td>
          <td class="text-center">20</td>
        </tr>
        <tr>
          <td class="text-center">内科</td class="text-center">
          <td>初步建成心率，心、肺、肝、脾情况</td>
          <td class="text-center">20</td>
        </tr>
        <tr>
          <td class="text-center">内科</td class="text-center">
          <td>初步建成心率，心、肺、肝、脾情况</td>
          <td class="text-center">20</td>
        </tr>
        <tr>
          <td class="text-center">内科</td class="text-center">
          <td>初步建成心率，心、肺、肝、脾情况</td>
          <td class="text-center">20</td>
        </tr>
      </table>
    </div>
  </section>

  <footer class="mt10">
    <div class="money">
      <span class="money-unit">￥</span>
      <span class="money-price">1064.00</span>
    </div>

    <div class="action">
      <a href="#">立即预约</a>
    </div>
  </footer>

</body>

</html>